
<template>
  <el-dialog
    title="补货详细"
    :visible.sync="replenishmentDialogShow"
    :before-close="closeIsShow"
  >
    <el-table :data="replenishmentList" :header-cell-style="{background:'#f3f6fb'}">
      <el-table-column
        prop="channelCode"
        label="货品编号"
        width="190"
      />
      <el-table-column
        prop="skuName"
        label="商品"
        width="190"
      />
      <el-table-column
        prop="expectCapacity"
        label="补货数量"
        width="190"
      />
    </el-table>
  </el-dialog>

</template>
<script>
export default {
  props: {
    replenishmentDialogShow: {
      type: Boolean,
      default: false
    },
    replenishmentList: {
      type: Array,
      required: true
    }
  },
  data() {
    return {
    }
  },
  methods: {
    closeIsShow() {
      this.$emit('update:replenishmentDialogShow', false)
    }
  }
}
</script>
<style scoped lang='less'>
/deep/.el-dialog{
  position: relative;
  width: 630px;
  border-radius: 10px;
  height: 432px;
  .el-dialog__header {
   border-radius: 10px;
   line-height: 22px;
   font-size: 16px!important;
   font-weight: 600!important;
   height: 52px;
   background-color: #fff!important;
   .el-dialog__title{
     color: #333!important;
   }
  }
   .el-dialog__close{
    color: #909399!important;
    &:before{
     color: #909399!important;
    }
   }
   .el-dialog__body{
    height: 380px;
    padding: 20px 20px 30px;
    .el-table__header-wrapper{
      width: 573px;
    }
    .el-table{
      height: 340px;
      overflow: auto;
    }
    .el-table::before{
      height: 0!important;
    }
   }
 .el-table__row>td{
  /* 去除表格线 */
  border: none!important;
}

}
 .el-table::-webkit-scrollbar {
       display: none;
  }
</style>
